<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">


<ui:composition template="template.xhtml">

	<ui:define name="corpo">

		<!-- start: PAGE HEADER -->
		<div class="row">
			<div class="col-sm-12">

				<!-- start: PAGE TITLE & BREADCRUMB -->
				<ol class="breadcrumb">
					<li><i class="clip-radio-checked"></i> <a href="#"> Equipe </a></li>
				</ol>
				<div class="page-header">
					<h1>
						Nova Equipe 
					</h1>
				</div>
				<!-- end: PAGE TITLE & BREADCRUMB -->
			</div>
		</div>
		<!-- end: PAGE HEADER -->

		<h:form id="form">
		
			<div class="row">
			<h:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
			</div>
			<div class="row">
			<div class="col-sm-3">
			<h:outputText value="Nome da Equipe:" />
			</div>
			</div>
			<br />
			<div class="row">
			<div class="col-sm-3">
			<h:inputText class="form-control" value="#{equipeController.equipe.nome}" />
			</div>
			</div>
			<br />
			<div class="row">
			<div class="col-sm-3">
			<label >Celula:</label><br />
			<h:selectOneMenu styleClass="btn btn-default" id="curso" value="#{equipeController.idCelulaSelecionada}" required="true" requiredMessage="Escolha uma Equipe" >
				<f:selectItem itemLabel=""/>
		      	<f:selectItems value="#{equipeController.listaCelulas}" var="celula" itemLabel="#{celula.nrCelula}" itemValue="#{celula.idCelula}"/>
		    </h:selectOneMenu>
		    </div>
		   </div>	
			<br /><br />
			<h:commandButton styleClass="btn btn-primary" id="salvar" value="Salvar"
				action="#{equipeController.salvar()}" />
			
		</h:form>
		

	</ui:define>

</ui:composition>

</html>